<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>注册</title>
	</head>
	<link rel="stylesheet" type="text/css" href="{{asset('public/homestyle/css/register.css')}}"/>
	<script src="{{asset('public/homestyle/js/jquery.js')}}"></script>

	<script>
		$(function () {
			//鼠标失去焦点事件
//			用户
			$('input[name=username]').blur(function () {
//				如果账户名为空的话显示提示
				var value = $(this).val();
				if(value == ''){
					$(this).parents('.for_input').siblings('.tips').css('display','block');
				}

//				关闭提示
				var _this = $(this);
				$(this).parents('.for_input').siblings('.tips').find('.zc_close').click(function () {
					_this.parents('.for_input').siblings('.tips').css('display','none');
				})
			})

//			手机号
			$('input[name=userphone]').blur(function () {
//				如果账户名为空的话显示提示
				var value = $(this).val();
				if(value == ''){
					$(this).parents('.for_input').siblings('.tips').css('display','block');
				}

//				关闭提示
				var _this = $(this);
				$(this).parents('.for_input').siblings('.tips').find('.zc_close').click(function () {
					_this.parents('.for_input').siblings('.tips').css('display','none');
				})
			})

//			验证码
			$('input[name=yanzhengma]').blur(function () {
//				如果账户名为空的话显示提示
				var value = $(this).val();
				if(value == ''){
					$(this).parents('.for_input').siblings('.tips').css('display','block');
				}

//				关闭提示
				var _this = $(this);
				$(this).parents('.for_input').siblings('.tips').find('.zc_close').click(function () {
					_this.parents('.for_input').siblings('.tips').css('display','none');
				})
			})

//			密码
			$('input[name=password]').blur(function () {
//				如果账户名为空的话显示提示
				var value = $(this).val();
				if(value == ''){
					$(this).parents('.for_input').siblings('.tips').css('display','block');
				}

//				关闭提示
				var _this = $(this);
				$(this).parents('.for_input').siblings('.tips').find('.zc_close').click(function () {
					_this.parents('.for_input').siblings('.tips').css('display','none');
				})
			})
		})
	</script>

	<script>
		$(function () {
			$('form').submit(function () {
				var formData = $(this).serialize();
			$.post("{{url('register')}}",{'_token':'{{csrf_token()}}','formData':formData},function(data){
					if(data.status == 1){
						alert(data.messgae);
					}else if(data.status == 0){
						alert(data.messgae);
						location.href="{{url('login')}}";
					}
			})

				return false;
			})
		})
	</script>
	<body>
		<!--顶部开始-->
		<div class="cc_register_top">
			<div class="cc_top_middle">
				
				<div class="top_left_img">
					
				</div>
				<h2>
					欢迎注册
				</h2>
				<div class="for_hover">
					<div class="top_right_img">
					
					</div>
					<div class="right_hover_img">
						<img src="{{asset('public/homestyle/images/pb_images/imgs/register/tipsregist.png')}}"/>
					</div>
				</div>
				
			</div>
			
		</div>
		<!--顶部结束-->
		<!--中间填写信息部分开始-->
		<div class="cc_register_middle">
			<div class="inner_middle">
				<!--左侧部分开始-->
				<div class="inner_middle_left">
					<form action="{{url('register')}}" method="post" class="my_form">

						<p class="reg_title">注册新用户</p>
						<ul>
							<li class="info_box">
								<span class="rstar">*</span>
								<div class="for_input">
									<label><span class="zc_iuser"></span></label>
									<input class="user_info" type="text" name="username"  placeholder="请输入您的真实姓名" />
								</div>
								
								<div style="display: none;" class="tips" >
									<span class="arrowbox">◆</span>
									<span class="cc_retan"></span>
									<i>请输入您的真实姓名</i>
									<span class="zc_close"></span>
								</div>
							</li>
							<li class="info_box">
								<span class="rstar">*</span>
								<div class="for_input">
									<label><span class="zc_iphone"></span></label>
									<input class="user_info" type="text" name="userphone"  placeholder="请输入您的手机号" />
								</div>
								
								<div style="display: none;" class="tips" >
									<span class="arrowbox">◆</span>
									<span class="cc_retan"></span>
									<i>请输入您的手机号</i>
									<span class="zc_close"></span>
								</div>
							</li>
							<li class="info_box">
								<span class="rstar">*</span>
								<div class="for_input idtm">
									<label><span class="zc_idtm"></span></label>
									<input class="user_info" type="text" name="yanzhengma"  placeholder="请输入手机动态码" />
								</div>
								<span class="cc_get_msg" id="getYzmBtn"><img src="{{url('code')}}" onclick="this.src='{{url('code')}}?'+Math.random()"></span>
								<div style="display: none;" class="tips" >
									<span class="arrowbox">◆</span>
									<span class="cc_retan"></span>
									<i>请输入手机动态码</i>
									<span class="zc_close"></span>
								</div>
							</li>
							<li class="info_box">
								<span class="rstar">*</span>
								<div class="for_input">
									<label><span class="zc_ipsw"></span></label>
									<input class="user_info" type="password" name="password"  placeholder="建议6-18位数字、字母、符号的组合" />
								</div>
								
								<div style="display: none;" class="tips" >
									<span class="arrowbox">◆</span>
									<span class="cc_retan"></span>
									<i>建议6-18位数字、字母、符号的组合</i>
									<span class="zc_close"></span>
								</div>
							</li>
							<li class="info_box">
								<div class="for_input">
									<label><span class="zc_iyhm"></span></label>
									<input class="user_info" type="text" name="youhuima"  placeholder="如有优惠码，请填写优惠码" />
								</div>
								
								<div style="display: none;" class="tips" >
									<span class="arrowbox">◆</span>
									<span class="cc_retan"></span>
									<i>如有优惠码，请填写优惠码</i>
									<span class="zc_close"></span>
								</div>
							</li>
							<p class="lfwtk">
								<input style="display: inline-block;" class="zc-yes zc-rayes" checked="checked" type="checkbox" name="agree">
								<span style="display: none;" class="zc-yes zc-blyes">
									
								</span>我已阅读并同意
								<a href="" target="_blank">《神州租车会员服务条款》</a>
							</p>
							<input class="cc_sub" type="submit" name="" id="" value="注册" />
						</ul>
					</form>
				</div>
				<!--左侧部分结束-->
				<div class="inner_middle_right">
					<p class="right_title">已有账号？<a href="{{url('login')}}" >立即登录&nbsp;»</a></p>
					<img src="{{asset('public/homestyle/images/pb_images/imgs/register/tipsregist.png')}}"/>
				</div>
			</div>
		</div>
		<!--中间填写信息部分结束-->
		
		<!--品牌列开始-->
		<div class="zc_brand">
			<div class="zc_main">
				<ul>
					<li>
						<i class="zc_yecx"></i>
						<p><b>100+</b>车型</p>
					</li>
					<li>
						<i class="zc_yewd"></i>
						<p><b>1000+</b>网点</p>
					</li>
					<li>
						<i class="zc_yecxn"></i>
						<p><b>100%</b>车险</p>
					</li>
					<li>
						<i class="zc_yelc"></i>
						<p>无限里程</p>
					</li>
				</ul>
			</div>
		</div>
		<!--品牌列结束-->
		
		<!--租车章程开始-->
		<div class="zc_footmenu">
			    <div class="zc_main">
			        <dl class="wyd">
			            <dt>租车预订说明</dt>
			            <dd>
			                <a target="_blank" href="http://help.zuche.com/fwgz/info1.html">服务时间</a>
			                <a target="_blank" href="http://help.zuche.com/fwgz/info3.html">待租车况</a>
			                <a target="_blank" href="http://help.zuche.com/fwgz/info5.html">服务预订</a>
			                <a target="_blank" href="http://help.zuche.com/fwgz/info2.html">短租产品</a>
			                <a target="_blank" href="http://help.zuche.com/fwgz/info4.html">租车资格</a>
			                <a target="_blank" href="http://help.zuche.com/fwgz/info6.html">取还车说明</a>
			            </dd>
			        </dl>
			        <dl class="why">
			            <dt>会员管理</dt>
			            <dd>
			                <a target="_blank" href="http://mycar.zuche.com/member/person/personinfo/memberNotify.do">会员章程</a>
			                <a target="_blank" href="http://mycar.zuche.com/member/person/personinfo/memberRule.do">会员细则</a>
			                <a target="_blank" href="http://mycar.zuche.com/member/getMemberLevel.do">定级积分</a>
			            </dd>
			        </dl>
			        <dl class="wsj">
			            <dt>紧急事务处理</dt>
			            <dd>
			                <a target="_blank" href="http://help.zuche.com/fwgz/info7.html">保险责任</a>
			                <a target="_blank" href="http://help.zuche.com/fwgz/info8.html">理赔说明</a>
			                <a target="_blank" href="http://help.zuche.com/fwgz/info9.html">事故处理</a>
			                <a target="_blank" href="http://help.zuche.com/fwgz/info10.html" style="clear:both;">救援及备用车</a>
			            </dd>
			        </dl>
			        <dl class="wfy">
			            <dt>租车费用及结算</dt>
			            <dd>
			                <a target="_blank" href="http://help.zuche.com/fwgz/info11.html">价格说明</a>
			                <a target="_blank" href="http://help.zuche.com/fwgz/info12.html">结算流程</a>
			                <a target="_blank" href="http://help.zuche.com/fwgz/info13.html">储值卡</a>
			                <a target="_blank" href="http://help.zuche.com/fwgz/info14.html">积分</a>
			            </dd>
			        </dl>
			        <dl class="wbz" >
			            <dt>帮助中心</dt>
			            <dd>
			                <a target="_blank" href="http://help.zuche.com/xssl/">常见问题</a>
			                <a target="_blank" href="http://help.zuche.com/cjwt/">新手上路</a>
			                <a target="_blank" href="http://huodong.zuche.com/jsp/wzcx/wzch.jsp">违章查询</a>
			                <a target="_blank" href="http://help.zuche.com/fwgz/">服务规则 </a>
			            </dd>
			        </dl>
			    </div>
		</div>
		<!--租车章程结束-->
		
		<!--底部开始-->
		<div class="zc_footcopyright">
			    <div class="zc_main">
			        <div class="ainfor">
			            <a title="关于我们" href="http://huodong.zuche.com/gywm/">关于我们</a>
			            <a title="投资者关系" target="_blank" href="http://ir.zuche.com">投资者关系</a>
			            <a target="_parent" title="新闻中心" href="http://news.zuche.com/">新闻中心</a>
			            <a title="加盟合作" target="_blank" href="http://jiameng.zuche.com">加盟合作</a>
			            <a title="隐私保护" target="_parent" href="http://huodong.zuche.com/ysbh/">隐私保护</a>
			            <a title="网站导航" target="_parent" href="http://help.zuche.com/sitemap/">网站导航</a>
			            <a title="联系我们" target="_parent" href="http://huodong.zuche.com/lxwm/">联系我们</a>
			            <a title="招贤纳士" target="_blank" href="http://hr.zuche.com/">招贤纳士</a>
			            <a target="_blank" href="http://en.zuche.com" class="eng_wz">English<i class="eng_icon"></i></a>
			        </div>
			        <div class="zc_copyright">
			            <p class="fl">Copyright©2008-2016 www.zuche.com All Rights Reserved.　神州租车官网 京ICP备10005002号   京公网安备号 11010502026705</p>
			            <p class="fr">如果您对神州租车网站有任何意见，欢迎发送邮件到
			            	<a href="" class="yellowmailt">web@zuche.com</a>
			            </p>
			            <p class="cc_clear">
			                <a href=""class="sz_k"></a>
			                <a href="" title="诚信网站" class="sz_c"></a>
			            </p>
			        </div>
			    </div>
		</div>
		<!--底部结束-->
		
		
		
		
	</body>
</html>
